<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta charset="UTF-8"/>
  <title><%= title %></title>

  <!-- Styling -->
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
  <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
  <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  <link href='assets/html.css' rel='stylesheet' type='text/css'>

  <!-- JavaScript -->
  <!-- CSS is loaded before JavaScript in order to improve user experience -->
  <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
  <script type="text/javascript"
          src="//cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  <script type="text/javascript" src="/assets/jquery.transit.min.js"></script>
</head>

<body>
<header>
  <div id="buttons">
    <i id="link-toc" class="fa fa-bars"></i>
  </div>

  <div class="heading">
    <h1><a href="/docker-jumpstart"><%= title %> by <%= author %></a></h1>

    <div class="social-buttons">
      <div class="twitter">
        <a href="https://twitter.com/share" class="twitter-share-button" data-via="odewahn">Tweet</a>
        <script>!function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
            if (!d.getElementById(id)) {
              js = d.createElement(s);
              js.id = id;
              js.src = p + '://platform.twitter.com/widgets.js';
              fjs.parentNode.insertBefore(js, fjs);
            }
          }(document, 'script', 'twitter-wjs');</script>
      </div>
      <div class="github">
        <iframe src="http://ghbtns.com/github-btn.html?user=odewahn&repo=docker-jumpstart&type=watch"
                allowtransparency="true" frameborder="0" scrolling="0" width="62" height="20">&nbsp;</iframe>
      </div>
    </div>
  </div>

  <a href="https://github.com/odewahn/docker-jumpstart">
    <img src="https://s3.amazonaws.com/orm-atlas-media/fork-on-github.png" class="fork-on-github"/>
  </a>
</header>

<div id="flex-box">
  <section id="sidebar">
    <%- partial("_toc") %>
  </section>

  <section id="content">
    <section id="content-body">

      <%- yield %>

      <%- partial("_nav") %>

      <div id="disqus_thread"></div>

    </section>
  </section>
</div>

<footer>
  <img class="logo" src="http://orm-logo-service.herokuapp.com/webops/logo.svg"/>
</footer>

<script type="text/javascript">
  var toggled;
  $("#link-toc").click(function (event) {
    event.preventDefault();
    var sidebar = $("#sidebar");
    if (!toggled) {
      sidebar.transition({x: '25rem'});
      toggled = true;
    } else {
      sidebar.transition({x: '-25rem'});
      toggled = false;
    }
  });
</script>

<script type="text/javascript">
  $(document).ready(function () {
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    window.disqus_shortname = 'dockerjumpstart'; // required: replace example with your forum shortname
    window.disqus_title = $('title').text() + " / " + $('h1').first().text();
    window.disqus_id = $('title').text() + " / " + $('section').first().attr('id');


    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function () {
      var dsq = document.createElement('script');
      dsq.type = 'text/javascript';
      dsq.async = true;
      dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
  });
</script>
</body>
</html>